<!DOCTYPE html>
<html>
    <head>
    <meta charset="utf-8"/>
    </head>
<body>
    <h1>图片</h1>
    <h3>本地图片</h3><br>
    <img src="西施.jpg.jpg" style="width:500px;height:300px" />
    <br>
    <h3>远程图片</h3>
    <img src="https://tse3-mm.cn.bing.net/th/id/OIP-C._RO0rRXpZMJVx0XWQ9XY-AHaEK?w=294&h=180&c=7&r=0&o=5&dpr=2&pid=1.7"
        style="width:500px;height:300px" />
    <br>
    <h1>网页</h1>
    <h3>远程网页</h3>
    <a href="https://www.baidu.com/">百度</a>
    <br>
    <h3>本地网页</h3>
    <a href="1.html#c">本地网页</a>(带锚点)
    <br>
    <br>
    <h1>列表</h1>
    <h3>有序列表</h3>
    hobby: <ol>
        <li>sports</li>
        <li>movie</li>
        <li>eating</li>
    </ol>
    <br>
    <h3>无序列表</h3>
    fruit:<ul>
        <li>apple</li>
        <li>orange</li>
        <li>banana</li>
    </ul>
    <br>
    <h3>列表嵌套</h3>
    drinks:<ul>
        <li>咖啡</li>
        <li>茶
            <ul>
                <li>红茶</li>
                <li>绿茶</li>
            </ul>
        </li>
        <li>牛奶</li>
    </ul>
    <br>
    <h1>表格</h1>
    <table border="1">
        <caption>我的标题</caption>
        <tr>
            <th>Heading</th>
            <th>Another Heading</th>
        </tr>
        <tr>
            <td>1.1</td>
            <td>1.2</td>
        </tr>
        <tr>
            <td>2.1</td>
            <td>2.2</td>
        </tr>
    </table>
    <br>
    <h3>rowspan例子</h3>
    <table border="1">
        <tr>
            <td rowspan="2">1.1</td>
            <td>1.2</td>
        </tr>
        <tr>
            <td>2.2</td>
        </tr>
    </table>
    <br>
    <h3>colspan例子</h3>
    <table border="1">
        <tr>
            <td colspan="2">1.1</td>
        </tr>
        <tr>
            <td>2.1</td>
            <td>2.2</td>
        </tr>
    </table>
    <br>
    <h1>表单</h1>
    <br>
    <h3>输入框例子</h3>
    用户名:
    <input type="text" name="username">
    <br>
    密码:
    <input type="text" name="password">
    <br>
    昵称：
    <input type="text">
    <br>
    联系方式：
    <input type="text">
    <br>
    自我介绍：
    <input type="text">
    <br>
    <h3>按钮例子</h3>
    <button type="button" onclick="alert('注册')">注册</button>
    <br>
    <button type="button" onclick="alert('忘记密码')">忘记密码</button>
    <br>
    <button type="button" onclick="alert('发送验证码')">发送验证码</button>
    <br>
    <h3>单选例子</h3>
    <p>性别：</p>
    <input type="radio" name="sex" value="男生" checked>男生
    <br>
    <input type="radio" name="sex" value="女生">女生
    <br>
    <h3>复选例子</h3>
    <p>爱好:</p>
    <input type="checkbox">游泳
    <br>
    <input type="checkbox">跑步
    <br>
    <input type="checkbox">篮球
    <br>
    <h3>下拉例子</h3>
    <p>班级：</p>
    <select name="班级">
        <option value="2210">2210班</option>
        <option value="2211">2211班</option>
        <option value="2212">2212班</option>
        <option value="2213">2213班</option>
        <option value="2214">2214班</option>
    </select>
</body>

</html>